@import "reset.css";
.container{
    width: 100%;
    .marketMapBox{
        width: 1200px;
        margin:0 auto;
        position: relative;
        .marketMap{
            min-height: 800px;
        }
        .img-map{
            position: absolute;
            left: 0;
            top:0;
        }
        #map{
            position: absolute;
            z-index: 999;
            left: 0;
            top:0;
        }
        .shade{
            position: absolute;
            width: 100%;
            height: 740px;
            //background: #fff;
            z-index: 99;
            left: 0;
            top: 0;
            //opacity: 0.6;
            background: url(../img/area/China.png) no-repeat left top;
            filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
            -webkit-filter: blur(6px); /* Chrome, Opera */
               -moz-filter: blur(6px);
                -ms-filter: blur(6px);    
                    filter: blur(6px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
        }
    }
    .tool{
        width: 1200px;
        margin: 50px auto 0 auto;
        overflow: hidden;
        .tool-select{
            display:block;
            select{
                width:200px;
                border: 1px solid #ccc;
                border-radius: 3px;
                padding: 10px 5px;
                color: #333;
            }
        }
        .tool-btn{
            margin: 30px 0;
            a{
                background-color: #22a7e2;
                color: #fff;
                border: none;
                display: inline-block;
                margin-right: 20px;
                padding: 7px 29px;
                border-radius: 6px;
                font-size: 14px;
                &:hover{
                    background-color: #ff7010;
                }
            }
            a.active{
                background-color: #ff7010;
            }
        }
    }
} 
.popBox{
    z-index: 999;
    display: none;
    position: absolute;
    width: 400px;
    height: 300px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    padding: 20px 15px;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    &:before{
    content:'';
    width:0;
    height:0;
    border-top:8px solid #e1e1e1;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    position: absolute;
    top: 341px;
    left: calc(50%-4px); 
}
&:after{
    content:'';
    width:0;
    height:0;
    border-top:8px solid #fff;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    position: absolute;
    top: 340px;
    left: calc(50%-4px); 
}
    .total{
        
        span{
            color: #ff7010;
        }
    }
    .btn{
        margin: 20px 0;
        a{
            background-color: #22a7e2;
            color: #fff;
            margin-right: 5px;
            padding: 7px 10px;
            border-radius: 5px;
        }
    }
    .abstract{
       line-height: 2;
        span{
            float: left;
        }
        p{
             padding-left: 46px;
             white-space: normal!important;
             overflow: hidden;
             text-overflow:ellipsis;
        }
    }
}
.HistogramBox{
    display: none;
    #Histogram{
        width: 100%; height: 600px;
    }
    .more{
        text-align: center;
        margin-bottom: 20px;
        a{
            color: #22a7e2;
        }
    }
}
//地图弹出层样式
.detail{
    position: relative;
    //color: #666;
    .total{
        
        span{
            color: #ff7010;
        }
    }
    input{
        margin: 5px 5px 5px 2.5px;
        font-size: 12px;
        padding: 3px 5px;
        background-color: #22a7e2;
        border: none;
        color: #fff;
        border-radius: 3px;
    }
     
}
.detail input[type=button]:hover{
        background-color: #1c9dd6;
    }
.IndustryPop{
    display: none;
    width: 100%;
    .tbaleBox{
        padding: 25px 10px;
        table{
            font-size: 14px;
            color: #333;
            tr{
                th{
                    border: 1px solid #e2e2e2; 
                     padding: 20px 0;
                     background-color: #f4f4f4;
                     font-weight: bold;
                }
                td{
                   border: 1px solid #e2e2e2; 
                   text-align: center;
                   padding: 20px 0;
                }
            }
        }
}
   
}
.profiles{
    //width: 400px;
    min-height: 300px;
}
.abstract{
    width:300px;
    height: 150px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px;
    font-size: 12px;
    span{
        float: left;
    }
    p{
        margin-left: 37px;
    }
    &:before{
    content:'';
    width:0;
    height:0;
    border-right:8px solid rgba(50,50,50,0.7);
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    position: absolute;
    top: 30px;
    left: -8px;
    }
}
